//1.封装获取元素的函数
function qs(ele) {
  return document.querySelector(ele)
}
//2.模拟点击文件上传框
qs('#btnChoose').addEventListener('click', function () {
  qs('#iptFile').click()
})

//配置请求跟路径
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

//3.监听文件选择框,选择文件，获取文件对象
qs('#iptFile').addEventListener('change', async function () {
  console.log(this.files[0]);
  //拿到图片对象
  const files = this.files[0]
  if (!files) return alert('没有上传图片')
  //4.获取FormData格式的图片
  const fd = new FormData()
  fd.append('avatar', files)

  //5.发起请求，提交头像数据
  const { data: { data: { url } } } = await axios.post('/api/file', fd)
  console.log(url);
  qs('.img-thumbnail').src = url
})
